html,
body {
	height: 100%;
}


/*全局*/

#main {
	width: 910px;
	margin: 0 auto;
	position: relative;
}


/*导航*/

#header {
	position: absolute;
	top: 4px;
	left: 160px;
	z-index: 3;
	line-height: 25px;
	width: 734px;
}

#header #topChina {
	position: absolute;
	font-size: 12px;
}

#header P {
	float: right;
}

#header #subwayLink {
	color: #060;
	font-size: 13px;
}

#selLanguage {
	width: 215px;
	height: 25px;
	margin-right: 10px;
}

#nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 910px;
	height: 100px;
	display: inline-block;
	background: url(../img/nav.jpg) no-repeat right center;
	background-position-x: 165px;
	color: #fff;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000;
	margin-left: -3px;
	text-align: right;
}

#nav #logo {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 180px;
	height: 100px;
	background: url(../img/logo.jpg) no-repeat left center;
}

#nav ul {
	margin-left: 155px;
}

#nav li {
	width: 140px;
	text-align: center;
	display: inline-block;
	line-height: 100px;
	float: left;
	margin-left: 10px;
}

#nav a {
	color: white;
	width: 100%;
	background: url(../img/nav_a.gif) right center no-repeat;
	display: inline-block;
}

#nav ul li:nth-child(5) a {
	background: none;
	width: 150px;
	margin-left: -15px;
	background: url(../img/nav_a_right.gif) center no-repeat;
	margin-top: 1px;
}

#nav li a:hover {
	color: yellow;
}


/* 下拉列表 */

.drop-menu {
	position: absolute;
	top: 69px;
	left: 300px;
	z-index: 1000;
	width: 200px;
	font-size: 12px;
	background: #0ca251;
	border: 1px solid #d3d3d3;
	border-top: 3px solid #349a48;
}

.drop-menu li {
	width: 190px;
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
	line-height: 36px;
	border-top: 1px solid #36a662;
	border-bottom: 1px solid #0b914a;
}

.drop-menu li a {
	display: inline-block;
	width: 100%;
	height: 36px;
	color: #fff;
}

.drop-menu li a:hover {
	color: yellow;
}


/* 中间轮播图部分 */

#sw-content {
	float: left;
	width: 100%;
	margin-top: 100px;
	min-height: 360px;
}

.swiper-container {
	position: absolute;
	left: -160px;
	width: 66%;
	height: 355px;
}


/* 右边轮播图 */

.rightSwiper {
	position: relative;
	width: 290px;
	height: 355px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 100px;
}

.rightSwiper .rightImg1 .green {
	position: absolute;
	left: 0;
	top: -161px;
	z-index: 100;
	animation: colors 6s forwards infinite;
}

.rightSwiper .rightImg3 .red {
	position: absolute;
	left: 0;
	top: -161px;
	z-index: 100;
	animation: colors 6s forwards infinite;
}

.rightSwiper .rightImg1 .t2 {
	position: absolute;
	left: -285px;
	top: 40px;
	z-index: 200;
	animation: smalltxt 6s forwards infinite;
}

.rightSwiper .rightImg1 .w3 {
	position: absolute;
	left: -285px;
	top: 110px;
	z-index: 200;
	animation: bigtxt 6s forwards infinite;
}

.rightSwiper .rightImg2 .blue {
	position: absolute;
	left: 0;
	top: -161px;
	z-index: 100;
	animation: colors 6s forwards infinite;
}

.rightSwiper .rightImg2 .t1 {
	position: absolute;
	left: -285px;
	top: 40px;
	z-index: 200;
	animation: smalltxt 6s forwards infinite;
}

.rightSwiper .rightImg2 .w1 {
	position: absolute;
	left: -285px;
	top: 110px;
	z-index: 200;
	animation: bigtxt 6s forwards infinite;
}

.rightSwiper .rightImg3 .t3 {
	position: absolute;
	left: -285px;
	top: 40px;
	z-index: 200;
	animation: smalltxt 6s forwards infinite;
}

.rightSwiper .rightImg3 .w2 {
	position: absolute;
	left: -285px;
	top: 110px;
	z-index: 200;
	animation: bigtxt 6s forwards infinite;
}

.rightSwiper .rightImg2,
.rightImg3 {
	display: none;
}

.rightSwiper .rightImg1 #opA {
	position: absolute;
	left: 0;
	top: 0;
	animation: op 6s infinite;
}

.rightSwiper .rightImg2 #opB {
	position: absolute;
	left: 0;
	top: 0;
	animation: op 6s infinite;
}

.rightSwiper .rightImg2 #opC {
	position: absolute;
	left: 0;
	top: 0;
	animation: op 6s infinite;
}

@keyframes op {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes colors {
	0% {
		top: -161px;
	}
	25% {
		top: 0;
	}
	75% {
		top: 0;
	}
	100% {
		top: -161px;
	}
}

@keyframes smalltxt {
	0% {
		left: -285px;
	}
	25% {
		left: 0px;
	}
	50% {
		left: 0;
	}
	65% {
		left: 285px;
	}
	100% {
		left: 285px;
	}
}

@keyframes bigtxt {
	25% {
		left: -285px;
	}
	50% {
		left: 0;
	}
	55% {
		left: 0;
	}
	100% {
		left: 285px;
	}
}


/* 底部 */

#sw_foot {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 40px;
	min-height: 95px;
}

#sw_foot_left {
	float: left;
	width: 66%;
	margin-left: -10px;
}

#sw_foot_left a {
	width: 195px;
	height: 95px;
	display: inline-block;
}

#sw_foot_left a:nth-child(1) {
	background: url(../img/home-box-0_CN.jpg);
}

#sw_foot_left a:nth-child(2) {
	background: url(../img/home-box-1_CN.jpg);
}

#sw_foot_left a:nth-child(3) {
	background: url(../img/home-box-2_CN.jpg);
}

#sw_foot_right {
	float: right;
}

#sw_foot_right a {
	width: 135px;
	height: 95px;
	margin-left: 10px;
	display: inline-block;
	position: relative;
}
#foot_right_img{
	position: absolute;
	left: -80px;
	top: -240px;
	display: none;
}
#sw_foot_right a:nth-child(2):hover div{
	display: inline-block;
}
#sw_foot_right a:nth-child(1) {
	background: url(../img/home-box-3_CN.jpg);
}

#sw_foot_right a:nth-child(2) {
	background: url(../img/home-box-4_CN.jpg);
}

#clear {
	clear: both;
}

#sw_foot p a {
	margin-top: 5px;
	line-height: 20px;
	margin-bottom: 20px;
	color: black;
	font-size: 12px;
}

#sw_foot p {
	margin-top: 5px;
	line-height: 20px;
	margin-bottom: 20px;
	color: black;
	font-size: 12px;
}